import { Button, Grid, Layout } from '@arco-design/web-react';
import Text from '@arco-design/web-react/es/Typography/text';
import { useNavigate, useParams } from 'react-router-dom';

function MoviesDetailScreen() {
  const { id } = useParams<{ id: string }>(); // 获取路由参数
  const navigate = useNavigate(); // 使用 useNavigate
  return (
    <Layout>
      <Text>详情页面 - 电影: {id}</Text>
      <Button
        type="primary"
        style={{ marginTop: 20 }}
        onClick={() => navigate(-1)}
      >
        返回
      </Button>
    </Layout>
  );
}

export default MoviesDetailScreen;
